.cq-article--list {
	--col-article: 4;
	--space-article: 20px;
  --proportion-picture: 105%;
	display: grid;
	grid-template-columns: repeat(var(--col-article), minmax(0, 1fr));
	gap: var(--space-article);

	@include media-breakpoint-down(md) {
		--col-article: 2;
	}
}

.cq-article {
	color: var(--color-text);
	background-color: var(--color-bg);
}

.cq-article {
	&:hover {
		background-color: var(--theme-color);
	}
}

.cq-article--cover {
	padding-bottom: var(--proportion-picture);
}